@mixin flex($direction: row, $j: center, $a: center) {
    display: flex;
    flex-direction: $direction;
    justify-content: $j;
    align-items: $a;
}

@mixin custom_scroll($width: 10px) {
    &::-webkit-scrollbar {
        width: $width;
        height: $width;

    }

    &::-webkit-scrollbar-corner {
        display: none;

    }

    &::-webkit-scrollbar-track {
        width: $width;
        background: rgba(#ffffff, 0.2);
        // -webkit-border-radius: 2em;
        // -moz-border-radius: 2em;
        // border-radius: 2em;
    }

    &::-webkit-scrollbar-thumb {
        background-color: rgba(#ffffff, 0.4);
        background-clip: padding-box;
        min-height: 28px;
        // -webkit-border-radius: 2em;
        // -moz-border-radius: 2em;
        // border-radius: 2em;
    }

    &::-webkit-scrollbar-thumb:hover {
        background-color: rgba(#ffffff, 0.7);
    }

    // color: #01050e;
}